/*
 * @Author: WJC 
 * @Date: 2018-12-20 23:20:37 
 * @Last Modified by: WJC
 * @Last Modified time: 2018-12-23 18:47:05
 */

/**
 * 唯一的全局变量，声明名字空间 
 */ 
var indexAPP = {};


/***** 设置名字空间对象的属性 *****/
// 设置菜单的点击次数
indexAPP.listMenuClickCount = [0, 0, 0, 0];


/***** 设置名字空间对象的方法 *****/
/**
 * 滑动菜单点击事件
 */
indexAPP.listMenuClickFunc = function (listMenu, btnPrev, btnAfter, showNum, moveNum, clickCount, index) {
    // 判断当前是否需要显示移动按钮
    if (listMenu.children("li").length <= showNum) {
        // 列表项小于或等于显示要求，不需要现实移动按钮
        btnAfter.addClass("hidden");
        return;
    }

    // 向左移动
    btnPrev.click(function () {
        // 可以移动的次数
        var sum = listMenu.children("li").length - showNum;
        // 当前左外边距
        var marginLeft = listMenu.css("margin-left");
        // 向左移动后，新的左外边距
        var newMarginLeft = moveNum + parseFloat(marginLeft) + "px";
        //console.log(newMarginLeft);
        // 改变左外边距
        listMenu.css("margin-left", newMarginLeft);
        // 增加点击次数
        clickCount[index]--;
        //console.log(clickCount[index]);

        // 判断移动是否到头
        if (clickCount[index] == 0) {
            btnPrev.addClass("hidden");
            btnAfter.removeClass("hidden");
        } else if (0 < clickCount[index] < sum) {
            btnPrev.removeClass("hidden");
            btnAfter.removeClass("hidden");
        }
    });

    // 向右移动
    btnAfter.click(function () {
        // 可以移动的次数
        var sum = listMenu.children("li").length - showNum;
        // 当前左外边距
        var marginLeft = listMenu.css("margin-left");
        // 向右移动后，新的左外边距
        var newMarginLeft = -moveNum + parseFloat(marginLeft) + "px";
        //console.log(newMarginLeft);
        // 改变左外边距
        listMenu.css("margin-left", newMarginLeft);
        // 减少点击次数
        clickCount[index]++;
        //console.log(clickCount[index]);

        // 判断移动是否到头
        if (clickCount[index] == sum) {
            btnAfter.addClass("hidden");
            btnPrev.removeClass("hidden");
        } else if (0 < clickCount[index] < sum) {
            btnPrev.removeClass("hidden");
            btnAfter.removeClass("hidden");
        }
    });
};

/**
 * 菜单按钮点击事件
 */
indexAPP.btnMenuClickFunc = function (classSelect) {
    classSelect += " .wjc-list-menu .wjc-btn-list";
    var btnMenuList = $(classSelect);
    btnMenuList.click(function () {
        btnMenuList.removeClass("wjc-list-menu-active");
        $(this).addClass("wjc-list-menu-active");
    });
};

/**
 * 点赞数量增加
 */
(function () {
    $(".wjc-story-thumbsup").click(function () {
        var svg = $(this).children();
        var num = $(".wjc-story-thumbsup-num");
        if (svg.attr("stroke") == "#ffffff" ) {
            svg.attr("stroke", "red");
            num.html(parseInt(num.html()) + 1);
        } else {
            svg.attr("stroke", "#ffffff");
            num.html(parseInt(num.html()) - 1);
        }
        return false;
    });
})();


/***** 执行名字空间对象中的方法 *****/
// 人气目的地推荐
indexAPP.listMenuClickFunc($(".wjc-layout-menu-house .wjc-list-menu"), 
    $(".wjc-layout-menu-house .wjc-list-menu-prev"), 
    $(".wjc-layout-menu-house .wjc-list-menu-after"), 
    4, 249,
    indexAPP.listMenuClickCount, 0);

// 新年特惠的移动菜单
indexAPP.listMenuClickFunc($(".wjc-layout-menu-btn1 .wjc-list-menu"), 
    $(".wjc-layout-menu-btn1 .wjc-list-menu-prev"), 
    $(".wjc-layout-menu-btn1 .wjc-list-menu-after"), 
    7, 134.9,
    indexAPP.listMenuClickCount, 1);

// 热门目的地
indexAPP.listMenuClickFunc($(".wjc-layout-menu-btn2 .wjc-list-menu"), 
    $(".wjc-layout-menu-btn2 .wjc-list-menu-prev"), 
    $(".wjc-layout-menu-btn2 .wjc-list-menu-after"), 
    7, 134.9,
    indexAPP.listMenuClickCount, 2);

// 菜单按钮点击事件
indexAPP.btnMenuClickFunc(".wjc-layout-menu-btn1");
indexAPP.btnMenuClickFunc(".wjc-layout-menu-btn2");







$(document).ready(function(){
	
	var a = $(".xnth");
	var html = null;
	$.ajax({
		url: "/airbnb/display.do",
		async: false,
	   	type: "POST",
	   	error: function (){
	   		alert("数据提交失败")
	   	},
	   	success: function(json){
	   		for(var i=0 ; i<json.length ; i++){
	   			html = "<img src='\/airbnb"+json[i].photo+"'\/>";
	   			$(a[i]).append(html);
	   		}
	   	}
	});
	
	
	var imgurl = $(".imgturnurl");
	var imgtitle = $(".imgtitle");
	var imgdes = $(".imgdes");
	
	var html = null;
	$.ajax({
		url: "/airbnb/imgshow.do",
		async: false,
	   	type: "POST",
	   	error: function (){
	   		alert("数据提交失败")
	   	},
	   	success: function(json){
	   		for(var i=0 ; i<json.length ; i++){
	   			$(imgurl[i]).attr("src","/airbnb"+json[i].imgurl);
	   			$(imgtitle[i]).text(json[i].imgtitle);
	   			$(imgdes[i]).text(json[i].imgdes);
	   		}
	   	}
	});
	
});
//显示图片
$(document).ready(function(){
	
	var a = $(".storyimg");
	var b = $(".wjc-story-summary")
	var c = $(".wjc-tag-2")
	
	var html = null
	var hrml1 = null
	$.ajax({
		url: "/airbnb/indexdisplay.do",
		async: false,
	   	type: "POST",
	   	error: function (){
	   		alert("数据提交失败")
	   	},
	   	success: function(json){
	   		for(var i=0 ; i<json.length ; i++){
	   			$(a[i]).css("background-image","url('\/airbnb"+json[i].imgurl+"'\)");
	   			html = json[i].sto.title;
	   			html1 = json[i].sto.stotype.stname;
	   			$(b[i]).append(html);
	   			$(c[i]).append(html1);
	   		}
	   	}
	});
	
});